import { Button } from 'antd'
import style from './NotFound.module.less'
import logo from '@assets/images/404.png'
import { useNavigate } from 'react-router-dom'
export default function NotFound(props: any) {
  const navigate = useNavigate()

  return (
    <div className={style.notContainer}>
      <img src={logo} className={style.notImg} alt="404" />
      <div className={style.notDetail}>
        <h2>404</h2>
        <h4>抱歉，您访问的页面不存在~🤷‍♂️🤷‍♀️</h4>
        <div className={style.funt_area}>
          <Button type="primary" onClick={() => navigate('/login')}>
            返回首页
          </Button>
          <Button type="primary" onClick={() => navigate(-1)}>
            返回上一级
          </Button>
        </div>
      </div>
    </div>
  )
}
